{% extends "base.html" %}
{% block content %}
{% with title="Change Password" %}
{% include 'includes/_mini_slide.html' %}
{% endwith %}


<div class="container">
    <div class="p-5">
    {% include "/includes/_messages.html" %}
    <div class="section-heading text-center">
        <h1 >Change Password</h1>
    </div>
  	<hr>
        {% from "/includes/_formhelpers.html" import render_field %}
        <form class="form-horizontal" role="form" action="" method="post">
            {{ form.csrf_token() }}
            <div class="form-group">
                <label class="col-md-4 control-label">Old Password:</label>
                <div class="col-md-6">
                    {{render_field(form.old_password, type="password", class="form-control", style="font-size: 1.5rem;")}}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Password:</label>
                <div class="col-md-6">
                    {{render_field(form.password, type="password", class="form-control", style="font-size: 1.5rem;")}}
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Confirm password:</label>
                <div class="col-md-6">
                    {{render_field(form.confirm, type="password", class="form-control", style="font-size: 1.5rem;")}}
                </div>
            </div>
          <div class="form-group">
            <label class="col-md-4 control-label"></label>
            <div class="col-md-6">
                <button type="submit" class="btn btn-primary" value="Save Changes" style="font-size: 1.5rem;">Save Changes</button>
            </div>
          </div>
        </form>
    </div>
  </div>

<hr>

{% endblock %}